<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
	</head>
	<body>
		<div class="mui-off-canvas-wrap mui-draggable">
	    <!-- 主页面容器 -->
	    <div class="mui-inner-wrap">
	      <!-- 主页面标题 -->
	      <header class="mui-bar mui-bar-nav">
	      	<a id="goBack" class="mui-icon mui-icon-arrowleft mui-icon-bars mui-pull-left"></a>
	        <h1 class="mui-title">网上预投保</h1>
	      </header>
	      <!-- 主页面内容容器 -->
	      <div class="mui-content mui-scroll-wrapper">
	      	<div class="mui-scroll">
				<!-- 主界面具体展示内容 -->
	          <ul class="mui-table-view mgt20">
					    <li class="mui-table-view-cell">
					    	<span class="cell-left">员工名称</span>
					      <span class="cell-right"><input type="text" class="" placeholder="请输入用户名"></span>
					    </li>
					    <li class="mui-table-view-cell">
					    	<span class="cell-left">员工号</span>
					      <span class="cell-right"><input type="text" class="" placeholder="请输入员工号"></span>
					    </li>
						</ul>
						<div class="mui-text-center bottom-button mgt30">
							<button id="unIdentify" type="button" class="mui-btn mui-btn-outlined double">不验证</button>
							<button type="button" class="mui-btn mui-btn-outlined double">验证</button>
						</div>
	        </div>
	      </div>
	    </div>
	 	</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script>
		mui.init()
		mui.ready(function(){
			document.getElementById('unIdentify').addEventListener('tap', function () {
				mui.openWindow({
					url: './searchPage.html',
			    id: 'searchPage'
				})
			})
			document.getElementById('goBack').addEventListener('tap', function () {
				window.history.go(-1)
			})
		})
	</script>
</html>